<template>
    <fieldset>
        <legend>购物车</legend>
        <ul>
            <li v-for="item in cartData" :key="item.id">
                <b>
                    产品：{{item.title}}
                </b>
                -------
                <b>
                    价格：{{item.price}}
                </b>
                -------
                <b>
                    数量：{{item.count}}
                </b>
                <button>-</button>
            </li>
        </ul>
        <h1>总价：{{total}}</h1>
    </fieldset>
</template>
<script>
import {mapState, mapGetters} from "vuex"
export default{
    computed:{
        ...mapState('cart',['cartData']),
        ...mapGetters('cart',['total'])
        
    }


}

</script>
